<template>
	<div>
		<el-menu @select="selectMenu" active-text-color="#ffd04b" background-color="#545c64" text-color="#fff"
			:collapse="isCollapse" :unique-opened="true">
			<!-- 			<el-menu-item index="0" @click="clickMenu('/index','首页')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>首页</template>
			</el-menu-item> -->
			<el-menu-item index="1" @click="clickMenu('/school','班级管理')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>班级管理</template>
			</el-menu-item>
			<el-menu-item index="2" @click="clickMenu('/homeIndex','随机点名')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>随机点名</template>
			</el-menu-item>
			<el-menu-item index="1-1" @click="clickMenu('/organization','组织机构')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>组织机构</template>
			</el-menu-item>
			<!-- 			<el-menu-item index="3" @click="clickMenu('/index','随机点名')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>上课签到</template>
			</el-menu-item>
			<el-menu-item index="5" @click="clickMenu('/audioDiscern','AI增效')">
				<el-icon>
					<House />
				</el-icon>
				<template #title>AI增效</template>
			</el-menu-item> -->

			<!-- 嵌套菜单 -->
			<!-- 			<el-sub-menu index="4">
				<template #title>
					<el-icon>
						<location />
					</el-icon>
					<span>教务管理</span>
				</template>
				<el-menu-item index="4-1">
					面对面签到
				</el-menu-item>
				<el-menu-item index="4-2">上课课时</el-menu-item> -->
			<!-- 	<el-menu-item index="4-3">课堂点评</el-menu-item>
				<el-menu-item index="4-5">课程管理</el-menu-item>
				<el-menu-item index="4-4">课程表</el-menu-item>
				<el-menu-item index="4-6">课外作业</el-menu-item>
				<el-menu-item index="4-7">考试成绩</el-menu-item>
				<el-menu-item index="4-8">学生情况</el-menu-item>
				<el-menu-item index="4-9">意向学生</el-menu-item> -->
			<!-- 			</el-sub-menu>
						<el-sub-menu index="5">
				<template #title>
					<el-icon>
						<location />
					</el-icon>
					<span>系统管理</span>
				</template>
							<el-menu-item index="1-1" @click="clickMenu('/organization','组织机构')">组织机构</el-menu-item> -->
			<!-- 				<el-menu-item index="5-3">定时记录</el-menu-item>
				<el-menu-item index="5-5">文字转语音</el-menu-item>
				<el-menu-item index="5-4">主题定制</el-menu-item>
				<el-menu-item index="5-6">回收站</el-menu-item> -->
			<!-- </el-sub-menu> -->
		</el-menu>
	</div>
</template>

<script>
	export default {
		props: {
			//是否折叠
			isCollapse: {
				type: Boolean,
				default: false,
			}
		},

		methods: {
			selectMenu(value) {
				console.log(value);
			},
			clickMenu(value, title) {
				console.log(value);
				this.$router.push(value);
				//点击菜单，创建自定事件
				this.$emit("add-tab", title, value);
			}
		}
	}
</script>

<style>
</style>